<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link rel="stylesheet" href="../css/home.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/common.js"></script>

</head>
<!--所有页面显示的内容应该写入body就可以了-->
<!--div就是块元素-->
<!--div默认宽度就是浏览器的可视宽度,高度就是字体的高度-->
<!--如果想知道div到底有多大，则可以用背景颜色或者边框去查看-->
<!--如果想对2这个div设置样式，则需要拿到当前div-->
<!---->
<body>
<div>
    <div id="top"></div>
    <div class="center">
        <div>
            <div>
                <div class="title">较新动态</div>
                <div class="news main">
                    <div><img src="../img/m331.jpg" height="190" width="268"/></div>
                    <div>
                        <div>
                            <!--                            字符不应该换行-->
                            <div class="single-over font-title">日本较大抹茶餐饮- 七叶和茶登陆上海

                            </div>
                            <div class="single-over font-title"> 日本较大的抹茶餐饮连锁正式登陆上海， 其中</div>
                        </div>
                        <div>
                            <div class="single-over font-title">日本较大抹茶餐饮- 七叶和茶登陆上海

                            </div>
                            <div class="single-over font-title"> 日本较大的抹茶餐饮连锁正式登陆上海， 其中</div>
                        </div>
                        <div>
                            <div class="single-over font-title">日本较大抹茶餐饮- 七叶和茶登陆上海

                            </div>
                            <div class="single-over font-title"> 日本较大的抹茶餐饮连锁正式登陆上海， 其中</div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="title">产品展示</div>
                <div class="product main">
                    <div>
                        <div><img src="../img/huludajichizi.jpg" height="300" width="300"/></div>
                        <div class="single-over font-title">葫芦打击赤字葫芦打击赤字葫芦打击赤字葫芦打击赤字葫芦打击赤字</div>
                        <div class="single-over font-title">原料：葫芦，大鸡翅，油盐</div>
                    </div>
                    <div>
                        <div><img src="../img/huludajichizi.jpg" height="300" width="300"/></div>
                        <div class="single-over font-title">葫芦打击赤字</div>
                        <div class="single-over font-title">原料：葫芦，大鸡翅，油盐葫芦，大鸡翅，油盐葫芦，大鸡翅，油盐葫芦，大鸡翅，油盐葫芦，大鸡翅，油盐</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="foot"></div>
</div>

</body>
</html>
